<template>
  <div class="box">
        <div class="box1">
            <div class="box3">
                <div></div>
                <p class="p3">汇方圆</p>
                <p class="p4">申请</p>
            </div>
            <p class="p1">获取你的位置信息</p>
            <p class="p2">你的位置信息将用于获取附件的门店信息以供点餐使用</p>
            <div class="box4">
                <div class="box5">拒绝</div>
                <div class="box6">允许</div>
            </div>
        </div>

    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        .box {
            width: 100%;
            height: 667px;
            background: #7A7A7A;
        }

        .box1 {
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 248px;
            background: rgba(255, 255, 255, 1);
            border-radius: 9px 9px 0px 0px;
        }

        .box3 div {
            position: absolute;
            top: 17px;
            left: 18px;
            width: 22px;
            height: 22px;
            background: rgba(212, 212, 212, 1);
            border-radius: 50%;
        }

        .box3 .p3 {
            position: absolute;
            top: 22px;
            left: 45px;
            font-size: 13px;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(53, 53, 53, 1);
        }

        .box3 .p4 {
            position: absolute;
            top: 22px;
            left: 94px;
            font-size: 13px;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(23, 23, 23, 1);
        }

        .box1 .p1 {
            position: absolute;
            top: 63px;
            left: 18px;
            font-size: 15px;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(0, 0, 0, 1);
        }

        .box1 .p2 {
            position: absolute;
            top: 90px;
            left: 18px;
            font-size: 13px;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(127, 127, 127, 1);
        }

        .box5 {
            position: absolute;
            top: 152px;
            left: 72px;
            width: 109px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            background: rgba(237, 237, 237, 1);
            border-radius: 3px;
            font-size: 16px;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(6, 174, 86, 1);
        }

        .box6 {
            position: absolute;
            top: 152px;
            left: 195px;
            width: 109px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            background: rgba(4, 193, 96, 1);
            border-radius: 3px;
            font-size: 16px;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(255, 255, 255, 1);
        }
</style>
